/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#4a7bff',
          dark: '#3662cc',
        },
        success: '#50e3c2',
        warning: '#ff9f43',
        danger: '#ea5455',
        background: '#f8f9fa',
        'text-dark': '#333333',
        'text-light': '#666666',
        'border-light': '#e0e0e0',
      },
      borderRadius: {
        DEFAULT: '0.5rem',
        'lg': '1rem',
      },
      boxShadow: {
        'card': '0 4px 12px rgba(0, 0, 0, 0.05)',
        'hover': '0 8px 16px rgba(0, 0, 0, 0.1)',
      },
    },
  },
  plugins: [],
}
